<template>
    <div class="logFund">
         <el-dialog 
            :title="dialog.title" 
            :visible.sync="dialog.show"
            :close-on-click-modal='false'
            :close-on-press-escape='false'
            :modal-append-to-body="false">
            <div class="form">
                <el-form 
                    ref="form" 
                    :model="form"
                    :rules="form_rules"
                    label-width="120px" 
                    style="margin:10px;width:auto;">

                    <el-form-item prop='describe' label="描述:">
                        <el-input type="describe" v-model="form.describe"></el-input>
                    </el-form-item>

                    <el-form-item prop='operatorName'  label="申请人:">
                        <el-input type="operatorName" v-model="form.operatorName"></el-input>
                    </el-form-item>

                    <el-form-item prop='expend' label="支出金额:">
                        <el-input type="expend" v-model="form.expend"></el-input>
                    </el-form-item>

                    <!-- <el-form-item prop='cash' label="账户现金:">
                        <el-input type="cash" v-model="form.cash"></el-input>
                    </el-form-item>

                     <el-form-item label="备注:">
                        <el-input type="textarea" v-model="form.remark"></el-input>
                    </el-form-item> -->

                    <el-form-item  class="text_right">
                        <el-button @click="dialog.show = false">取 消</el-button>
                        <el-button type="primary" @click='onSubmit("form")'>提  交</el-button>
                    </el-form-item>

                </el-form>
            </div>
        </el-dialog>
    </div>
</template>

<script>
export default {
  name: 'logfound',
  props: {
    dialog: Object,
    form: Object,
  },
  data() {
    return {
      format_type_list: ['提现', '充值', '支出', '转账'],
      form_rules: {
        operatorName: [{ required: true, message: '申请人不能为空！', trigger: 'blur' }],
        describe: [{ required: true, message: '收支描述不能为空！', trigger: 'blur' }],
        expend: [{ required: true, message: '支出不能为空！', trigger: 'blur' }],
      },
    }
  },
  methods: {
    onSubmit(form) {
      this.$refs[form].validate((valid) => {
        if (valid) {
          //表单数据验证完成之后，提交数据;
          const url = this.dialog.option == 'add' ? 'add' : `edit/${this.form.id}`
          this.$axios.post(`/api/purchase/${url}`, this.form).then((res) => {
            // 操作成功
            this.$message({
              message: '保存成功！',
              type: 'success',
            })
            this.dialog.show = false
            this.$emit('update')
          })
        }
      })
    },
  },
}
</script>

